<script language="javascript">

	function dispHelp() {

		document.getElementById("helpicon").src = "../images/tabs/search-help-over.png";

		document.getElementById("helpinfo").style.display = "block";

		document.getElementById("helpinfo").style.margin = "0px auto";

		document.getElementById("helpinfo").style.fontSize = "12px";

		document.getElementById("helpinfo").style.color = "#587460";

		document.getElementById("helpinfo").style.fontWeight = "normal";

		document.getElementById("helpinfo").style.backgroundColor = "#e6f8eb";

		document.getElementById("helpinfo").style.border = "1px solid #95b79f";

		document.getElementById("helpinfo").style.width = "484px";

		document.getElementById("helpinfo").style.height = "210px";

		document.getElementById("helpinfo").style.marginTop = "-16px";

		document.getElementById("helpinfo").style.position = "relative";

		document.getElementById("helpinfo").style.zIndex = "-1";

	}

	function hideHelp() {

		document.getElementById("helpicon").src = "../images/tabs/search-help.png";

		document.getElementById("helpinfo").style.display = "none";

	}

</script>

<div id="homepage_topmenu">

  <ul>

    <li><a href="/index.php">Home</a></li>

    <li><a href="/misc/login.php">My Account</a></li>

    <li><a href="/myCart.php">My Cart</a></li>

    <li><a href="/misc/distributors.php">Distributors</a></li>

    <li><a href="/misc/orders.php">Orders</a></li>

    <li><a href="/misc/aboutus.php">About</a></li>

    <li><a href="/misc/careers.php">Career</a></li>

    <li><a href="/misc/contactus.php">Contact</a></li>

  </ul>

</div>

<div id="homepage_logo">

	<a href="/index.php"><img src="../img/logo.jpg" width="385" height="115" border="0" alt="ABM Logo"></a>

</div>

<div id='homepage_srch_bar'>

    <form name='form1' method='post' action='/searchProds.php'>

      <div id="homepage_menu">

        <ul>

          <li>&nbsp;&nbsp;<a href='/Antibodies/All-Antibodies.html'>Antibodies</a></li>

          <li><a href='/siRNA-Lentivirus/index.php?csn=9'>siRNA Lentivirus</a></li>

          <li><a href='/Pre-Made-Lentivirus/index.php?csn=10'>Pre-Made Lentivirus</a></li>

          <li><a href='/Pre-Made-Adenovirus/index.php?csn=11'>Pre-Made Adenovirus</a></li>

        </ul>

      </div>

      <div id='homepage_bar'>

        <select name='srchby' id='srchby' onchange="changeoption()">

          <option value='1' selected>Product Name</option>

          <option value='2'>Gene Name</option>

          <option value='3'>Cat.No.</option>

          <option value='5'>miRNA Name</option>

        </select>

        <input name='keywords' type='text' id='keywords'  style="font-size:13px; color:#F90; height:20px;" value="choose item from drop down menu before search" onfocus="change_value();">

        <input name='Submit' id='submit' type='submit' value='Search'>

      </div>

      <div id='homepage_help'><a href="" onmouseover="dispHelp()" onmouseout="hideHelp()"><img id='helpicon' src="../images/tabs/search-help.png" border="0" style="z-index:1;"/></a></div>

      <div id="helpinfo" style=" display:none; text-align:left; padding:10px 20px 20px 20px;">

      	<p style="font-size:16px; font-weight:bold;">Search Guidance:</p>

        <p>Our search function provides four different ways to find out our products:</p>

        <ul style="padding-left:20px;">

          <li><span style="font-weight:bold;">By Gene Name:</span> Select 'Gene Name' from the drop down menu, and input gene name (such as 'abca1') that you are looking for into right side box.</li>

          <li><span style="font-weight:bold;">By Product Name:</span> From the drop down menu on the left side of search bar, choose 'Product Name', input the product name or a few search terms into right side box.</li>

          <li><span style="font-weight:bold;">By Cat.No.:</span> If you already know the catalog number of the product that you are looking for, you may choose 'Cat.No.' from the drop down menu, and input catalog number into right side box.</li>

          <li><span style="font-weight:bold;">By miRNA Name:</span> Choose 'miRNA Name' from drop down menu, you can search miRNA products by miRNA Name (such as 'let-7a').</li>

        </ul>

      </div>

    </form>

</div>